<script>
    $(document).ready(function () {
        color();
        $('.asyncsaver').change(function () {
            var id = $(this).attr('id');
            var m = $('#' + id).val().split('#');
            var key = {
                on_opcion_na_id: m[0], c_calificacion_id: m[1], no_estandar: m[2]
            };
            $.ajax({
                url: "<?= base_url('evaluacion/save') ?>",
                type: 'POST',
                data: key,
                success: function (msg) {
                    update('A');
                    update('S');
                    update('P');
                    update('I');
                    updateTotals('A');
                    updateTotals('S');
                    updateTotals('P');
                    updateTotals('I');
                    updateSumTotals();
                    updatePlanAccion();
                    setTimeout(function(){ color(); }, 2000);

//                    console.log('mensaje: ' + m[0] + ' ' + m[1] + ' ' + m[2]);
                }
            });
        });

        $('.asynctablesaver').live('focusout', function () {
            var id = $(this).attr('id').split('-');
            var pdd = $('#pdd-' + id[1]).val();
            var pac = $('#pac-' + id[1]).val();
            var pfc = $('#pfc-' + id[1]).val();
            var pr = $('#pr-' + id[1]).val();
            var key = {
                pa_plan_accion_id: id[1],
                pa_descripcion_desviacion: pdd,
                pa_accion_correctiva: pac,
                pa_fecha_cumplimiento: pfc,
                pa_responsable: pr
            };
//            console.log('pdd: ' + pdd + ' pac: ' + pac + ' pfc: ' + pfc + ' pr:' + pr);
            $.ajax({
                url: "<?= base_url('evaluacion/setPlanAct') ?>",
                type: 'POST',
                data: key,
                success: function (msg) {
                    updatePlanAccion();
//                    console.log('success');
                }
            });

        });




    });
    function color() {
        var A = parseInt($("#totXCatA-calific").text().replace('%', ''));
        var S = parseInt($("#totXCatS-calific").text().replace('%', ''));
        var P = parseInt($("#totXCatP-calific").text().replace('%', ''));
        var I = parseInt($("#totXCatI-calific").text().replace('%', ''));
//        console.log('A: ' + A + '\nS: ' + S + '\nP: ' + P + '\nI: ' + I);
        c(A, '#totXCatA-calific');
        c(S, '#totXCatS-calific');
        c(P, '#totXCatP-calific');
        c(I, '#totXCatI-calific');
        function c(v, id) {
            if (v < 70) {
                $(id).css('color', '#B71C1C');
            }
            if (v > 70 && v < 85) {
                $(id).css('color', '#F57C00');
            }
            if (v > 85) {
                $(id).css('color', '#0091EA');
            }
        }
    }
    function updatePlanAccion() {
        $.ajax({
            url: "<?= base_url('evaluacion/getPlanAccion/') ?>",
            type: 'POST',
            success: function (msg) {
                $('#plan_accion tbody').remove();
                $('#plan_accion thead').remove();
                var jd = $.parseJSON(msg);

                var content = '<thead>';
                content += '<tr>';
                content += '<th>No. Estándar</th>';
                content += '<th>Descripción de desviación</th>';
                content += '<th>Acción correctiva</th>';
                content += '<th>Fecha de Cumplimiento</th>';
                content += '<th>Responsable</th>';
                content += '</tr>';
                content += '</thead';
                content += '<tbody id="tbody_plan_accion">';


                for (var i in jd) {
                    var x = null;
//                    console.log((typeof jd[i].pa_descripcion_desviacion) === x);
                    content += '<tr>';
                    content += '<td>' + jd[i].pa_no_estandar + '</td>';
                    content += '<td><input class="asynctablesaver" id="pdd-' + jd[i].pa_plan_accion_id + '" type="text" value="' + jd[i].pa_descripcion_desviacion + '" /></td>';
                    content += '<td><input class="asynctablesaver" id="pac-' + jd[i].pa_plan_accion_id + '" type="text" value="' + jd[i].pa_accion_correctiva + '" /></td>';
                    content += '<td><input class="asynctablesaver span6" id="pfc-' + jd[i].pa_plan_accion_id + '" type="date" value="' + jd[i].pa_fecha_cumplimiento + '"/></td>';
                    //content += '<td><input class="asynctablesaver tags" id="pr-' + jd[i].pa_plan_accion_id + '" type="text" value="' + jd[i].pa_responsable + '" /></td>';

                    content += '<td><select class="asynctablesaver" id="pr-' + jd[i].pa_plan_accion_id + '">';
                    content += '<option selected="selected">' + jd[i].pa_responsable + '</option>'
                    content += '<option values="Chef">Chef</option>';
                    content += '<option values="Supervisor">Supervisor</option>';
                    content += '<option values="Franquiciatario">Franquiciatario</option>';
                    content += '<option values="Gerente">Gerente</option>';
                    content += '<option values="Chef-Supervisor">Chef-Supervisor</option>';
                    content += '<option values="Chef-Franquiciatario">Chef-Franquiciatario</option>';
                    content += '<option values="Chef-Gerente">Chef-Gerente</option>';
                    content += '<option values="Chef-Supervisor">Chef-Supervisor</option>';
                    content += '<option values="Chef-Supervisor-Franquiciatario">Chef-Supervisor-Franquiciatario</option>';
                    content += '<option values="Chef-Supervisor-Gerente">Chef-Supervisor-Gerente</option>';
                    content += '<option values="Chef-Supervisor-Franquiciatario-Gerente">Chef-Supervisor-Franquiciatario-Gerente</option>';
                    content += '<option values="Supervisor-Franquiciatario">Supervisor-Franquiciatario</option>';
                    content += '<option values="Supervisor-Gerente">Supervisor-Gerente</option>';
                    content += '<option values="Franquiciatario-Gerente">Franquiciatario-Gerente</option>';
                    content += '           </select>';
                    content += '       </td>';
                    content += '</tr>';
                }
                content += '</tbody>'
                $('#plan_accion').append(content);
            }
        });
    }
    function update(tipo) {
        $.ajax({
            url: "<?= base_url('evaluacion/update_subtotalsXcat/') ?>",
            type: 'POST',
            data: 'tipo=' + tipo,
            success: function (msg) {
                var jd = $.parseJSON(msg);
                for (var i in jd) {
//                  console.log(i + " : PUNTO OBTENIDOS :" + jd[i].puntos_posibles); 
                    $("#xsubctrlcal_" + tipo + "-" + i + "-calific").html(jd[i].calific + "%");
                    $("#xsubctrlcal_" + tipo + "-" + i + "-puntos_obtenidos").html(jd[i].puntos_obtenidos);
                    $("#xsubctrlcal_" + tipo + "-" + i + "-puntos_posibles").html(jd[i].puntos_posibles);
                    $("#xsubctrlcal_" + tipo + "-" + i + "-criticos").html(jd[i].criticos + ' / ' + jd[i].desviaciones);
                }
            }
        });
    }
    function updateTotals(tipo) {
        $.ajax({
            url: "<?= base_url('evaluacion/update_totals/') ?>",
            type: 'POST',
            data: 'tipo=' + tipo,
            success: function (msg) {
                var jd = $.parseJSON(msg);
                $("#totalXCat" + tipo + "-puntos_posibles").html(jd.puntos_posibles);
                $("#totalXCat" + tipo + "-puntos_obtenidos").html(jd.puntos_obtenidos);
                $("#totalXCat" + tipo + "-calific").html(jd.calific + "%");
                $("#totalXCat" + tipo + "-criticos").html(jd.criticos);
                $("#totXCat" + tipo + "-puntos_posibles").html(jd.puntos_posibles);
                $("#totXCat" + tipo + "-puntos_obtenidos").html(jd.puntos_obtenidos);
                $("#totXCat" + tipo + "-calific").html(jd.calific + "%");
                $("#totXCat" + tipo + "-criticos").html(jd.criticos + " / " + jd.desviaciones);
            }
        });
    }

    function updateSumTotals() {
        $.ajax({
            url: "<?= base_url('evaluacion/update_sumTotals/') ?>",
            type: 'POST',
            success: function (msg) {
                var jd = $.parseJSON(msg);
                $("#aspi_PP").html(jd.puntos_posibles);
                $("#aspi_PO").html(jd.puntos_obtenidos);
                $("#aspi_CA").html(jd.calific + "%");
                $("#aspi_CT").html(jd.criticos + " / " + jd.desviaciones);
            }
        });
    }




</script>

<!-- Content -->
<div id="content">

    <!-- Content wrapper -->
    <div class="wrapper">

        <!-- Breadcrumbs line -->
        <div class="crumbs">
            <ul id="breadcrumbs" class="breadcrumb"> 
                <li><a href="<?= base_url('xpanel.mti') ?>">XPANEL</a></li>
                <li class="active"><a href="#" title="">Evaluación</a></li>
            </ul>
        </div>
        <!-- /breadcrumbs line -->

        <!-- Page header -->
        <div class="page-header">
            <div class="page-title">
                <h5>Sistema de evaluación ASPI:: <?= $nombre_tipo_aspi ?></h5>
                <span>Resumen de la evaluación</span>
            </div>
        </div>
        <!-- /page header -->

        <div class="row-fluid">
            <div class="span12">
                <div class="widget">
                    <div class="navbar"><div class="navbar-inner"><h6>Resumen calificaciones</h6></div></div>
                    <div class="table-overflow">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>Calificación Auditoria ASPI</th>
                                    <th>Puntos Posibles</th>
                                    <th>Puntos Obtenidos</th>
                                    <th>Resultado   %</th>
                                    <th>No. De Críticos / Desviaciones </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="success">
                                    <td>AMABILIDAD</td>
                                    <td id="totXCatA-puntos_posibles" ><?= $totalXCatA->puntos_posibles ?></td>
                                    <td id="totXCatA-puntos_obtenidos" ><?= $totalXCatA->puntos_obtenidos ?></td>
                                    <td id="totXCatA-calific" ><?= $totalXCatA->calific ?>%</td>
                                    <td id="totXCatA-criticos" ><?= $totalXCatA->criticos . ' / ' . $totalXCatA->desviaciones ?></td>
                                </tr>
                                <tr class="error">
                                    <td>SERVICIO</td>
                                    <td id="totXCatS-puntos_posibles" ><?= $totalXCatS->puntos_posibles ?></td>
                                    <td id="totXCatS-puntos_obtenidos" ><?= $totalXCatS->puntos_obtenidos ?></td>
                                    <td id="totXCatS-calific" ><?= $totalXCatS->calific ?>%</td>
                                    <td id="totXCatS-criticos" ><?= $totalXCatS->criticos . ' / ' . $totalXCatS->desviaciones ?></td>
                                </tr>
                                <tr class="warning">
                                    <td>PRODUCTO</td>
                                    <td id="totXCatP-puntos_posibles" ><?= $totalXCatP->puntos_posibles ?></td>
                                    <td id="totXCatP-puntos_obtenidos" ><?= $totalXCatP->puntos_obtenidos ?></td>
                                    <td id="totXCatP-calific" ><?= $totalXCatP->calific ?>%</td>
                                    <td id="totXCatP-criticos" ><?= $totalXCatP->criticos . ' / ' . $totalXCatP->desviaciones ?></td>
                                </tr>
                                <tr class="info">
                                    <td>IMAGEN</td>
                                    <td id="totXCatI-puntos_posibles" ><?= $totalXCatI->puntos_posibles ?></td>
                                    <td id="totXCatI-puntos_obtenidos" ><?= $totalXCatI->puntos_obtenidos ?></td>
                                    <td id="totXCatI-calific" ><?= $totalXCatI->calific ?>%</td>
                                    <td id="totXCatI-criticos" ><?= $totalXCatI->criticos . ' / ' . $totalXCatI->desviaciones ?></td>
                                </tr>
                            <thead>
                                <tr>
                                    <th>CALIFICACIÓN ASPI TOTAL</th>
                                    <th id="aspi_PP" ><?= $aspi_PP ?></th>
                                    <th id="aspi_PO" ><?= $aspi_PO ?></th>
                                    <th id="aspi_CA" ><?= $aspi_CA ?>%</th>
                                    <th id="aspi_CT" ><?= $aspi_CT . ' / ' . $aspi_CD ?></th>
                                </tr>
                            </thead>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>


        </div>
        <!-- Inside tabs -->
        <div class="widget navbar-tabs table-tabs">
            <div class="navbar">
                <div class="navbar-inner">
                    <h6>Auditoria ASPI</h6>
                    <ul class="nav nav-tabs pull-right">
                        <li class="active"><a href="#table-tab-A" data-toggle="tab">(A) AMABILIDAD</a></li>
                        <li><a href="#table-tab-S" data-toggle="tab">(S) SERVICIO</a></li>
                        <li><a href="#table-tab-P" data-toggle="tab">(P) PRODUCTO</a></li>
                        <li><a href="#table-tab-I" data-toggle="tab">(I) IMAGEN GENERAL</a></li>
                        <li><a href="#table-tab-plan-accion" data-toggle="tab"> PLAN DE ACCIÓN</a></li>
                        <li><button onclick="window.open('<?= base_url('evaluacion/pdf') ?>', '_self')" type="button" class="btn btn-primary" id="loading" data-loading-text="Procesando...">Descargar PDF</button></li>
                        <li><button onclick="window.open('<?= base_url('evaluacion/cerrarSesionASPI') ?>', '_self')" type="button" class="btn btn-danger" id="loading" data-loading-text="Cerrando...">Cerrar</button></li>
                    </ul>
                </div>
            </div>
            <div class="tabbable">
                <div class="tab-content">

                    <style>
                        table.table th {
                            width: 20px;
                        }
                    </style>
                    <?php
                    $difA = 'A'; #variable para generar id diferentes
                    ?>
                    <div class="tab-pane active" id="table-tab-A">
                        <div class="table-overflow">
                            <table class="table table-hover table-bordered">
                                <?php foreach ($subA as $v) { ?>

                                    <thead>
                                        <tr>
                                            <th><?= $v->s_subcategoria ?></th>
                                            <th><?= $v->s_nombre ?></th>
                                            <th>PP</th>
                                            <th>OPCION NA</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($resp_A[$v->s_subcategoria] as $v) { ?>
                                            <tr>
                                                <td><?= $v->sclave ?></td>
                                                <td><?= $v->p_pregunta ?></td>
                                                <td><?= $v->p_pp ?></td>
                                                <td>
                                                    <select class="asyncsaver" id="selectOpcionNA<?= $v->sclave ?>">
                                                        <option selected value="<?= $v->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= ($v->on_opcion != 'EMPTY') ? $v->on_opcion : 'SELECCIONE OPCIÓN' ?></option>
                                                        <?php foreach ($listaOpcionesNa as $l) { ?>
                                                            <option value="<?= $l->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= $l->on_opcion ?></option>
                                                        <?php } ?>
                                                    </select>
                                                </td>
                                            </tr>
                                        <?php } ?>
                                    </tbody>

                                    <tr>
                                        <th>Calific. %</th>
                                        <th>Puntos obtenidos</th>
                                        <th>Puntos Posibles</th>
                                        <th>No. De Críticos / Desviaciones</th>
                                    </tr>
                                    <td id="xsubctrlcal_A-<?= $difA ?>-calific" ><?= $xsubctrlcal_A[$v->s_subcategoria]->calific ?>%</td>
                                    <td id="xsubctrlcal_A-<?= $difA ?>-puntos_obtenidos" ><?= $xsubctrlcal_A[$v->s_subcategoria]->puntos_obtenidos ?></td>
                                    <td id="xsubctrlcal_A-<?= $difA ?>-puntos_posibles" ><?= $xsubctrlcal_A[$v->s_subcategoria]->puntos_posibles ?></td>
                                    <td id="xsubctrlcal_A-<?= $difA++ ?>-criticos" ><?= $xsubctrlcal_A[$v->s_subcategoria]->criticos . ' / ' . $xsubctrlcal_A[$v->s_subcategoria]->desviaciones ?></td>
                                    </tr>

                                <?php } ?>

                                <tr>
                                    <th>Puntos  posibles Amabilidad</th>
                                    <th>Puntos obtenidos</th>
                                    <th>Calific. %</th>
                                    <th>No. De críticos</th>
                                </tr>
                                <tr>
                                    <td id="totalXCatA-puntos_posibles"><?= $totalXCatA->puntos_posibles ?></td>
                                    <td id="totalXCatA-puntos_obtenidos" ><?= $totalXCatA->puntos_obtenidos ?></td>
                                    <td id="totalXCatA-calific" ><?= $totalXCatA->calific ?>%</td>
                                    <td id="totalXCatA-criticos" ><?= $totalXCatA->criticos ?></td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <?php
                    $difS = 'A'; #variable para generar id diferentes
                    ?>
                    <div class="tab-pane" id="table-tab-S">
                        <div class="table-overflow">
                            <table class="table table-hover table-bordered">

                                <?php foreach ($subS as $s) { ?>
                                    <thead>
                                        <tr>
                                            <th><?= $s->s_subcategoria ?></th>
                                            <th></th>
                                            <th>PP</th>
                                            <th>PO</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php
                                        foreach ($resp_S[$s->s_subcategoria] as $v) {
                                            ?>
                                            <tr>
                                                <td><?= $v->sclave ?></td>
                                                <td><?= $v->p_pregunta ?></td>
                                                <td><?= $v->p_pp ?></td>
                                                <td>
                                                    <select class="asyncsaver" id="selectOpcionNA<?= $v->sclave ?>">
                                                        <option selected value="<?= $v->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= ($v->on_opcion != 'EMPTY') ? $v->on_opcion : 'SELECCIONE OPCIÓN' ?></option>
                                                        <?php foreach ($listaOpcionesNa as $l) { ?>
                                                            <option value="<?= $l->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= $l->on_opcion ?></option>
                                                        <?php } ?>
                                                    </select>
                                                </td>
                                            </tr>        
                                        <?php } ?>
                                    </tbody>

                                    <tr>
                                        <th>Calific. %</th>
                                        <th>Puntos obtenidos</th>
                                        <th>Puntos Posibles</th>
                                        <th>No. De Críticos / Desviaciones</th>
                                    </tr>
                                    <tr>
                                        <td id="xsubctrlcal_S-<?= $difS ?>-calific" ><?= $xsubctrlcal_S[$v->s_subcategoria]->calific ?></td>
                                        <td id="xsubctrlcal_S-<?= $difS ?>-puntos_obtenidos" ><?= $xsubctrlcal_S[$v->s_subcategoria]->puntos_obtenidos ?></td>
                                        <td id="xsubctrlcal_S-<?= $difS ?>-puntos_posibles" ><?= $xsubctrlcal_S[$v->s_subcategoria]->puntos_posibles ?></td>
                                        <td id="xsubctrlcal_S-<?= $difS++ ?>-criticos" ><?= $xsubctrlcal_S[$v->s_subcategoria]->criticos . ' / ' . $xsubctrlcal_S[$v->s_subcategoria]->desviaciones ?></td>
                                    </tr>
                                <?php } ?>


                                <tr>
                                    <th>Puntos  posibles Servicio</th>
                                    <th>Puntos obtenidos</th>
                                    <th>Calific. %</th>
                                    <th>No. De críticos</th>
                                </tr>
                                <tr>
                                    <td id="totalXCatS-puntos_posibles"><?= $totalXCatS->puntos_posibles ?></td>
                                    <td id="totalXCatS-puntos_obtenidos" ><?= $totalXCatS->puntos_obtenidos ?></td>
                                    <td id="totalXCatS-calific" ><?= $totalXCatS->calific ?>%</td>
                                    <td id="totalXCatS-criticos" ><?= $totalXCatS->criticos ?></td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <?php
                    $difP = 'A'; #variable para generar id diferentes
                    ?>
                    <div class="tab-pane" id="table-tab-P">
                        <div class="table-overflow">
                            <table class="table table-hover table-bordered">
                                <?php foreach ($subP as $s) { ?>
                                    <thead>
                                        <tr>
                                            <th><?= $s->s_subcategoria ?></th>
                                            <th><?= $s->s_nombre ?></th>
                                            <th>PP</th>
                                            <th>PO</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($resp_P[$s->s_subcategoria] as $v) { ?>
                                            <tr>
                                                <td><?= $v->sclave ?></td>
                                                <td><?= $v->p_pregunta ?></td>
                                                <td><?= $v->p_pp ?></td>
                                                <td>
                                                    <select class="asyncsaver" id="selectOpcionNA<?= $v->sclave ?>">
                                                        <option selected value="<?= $v->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= ($v->on_opcion != 'EMPTY') ? $v->on_opcion : 'SELECCIONE OPCIÓN' ?></option>
                                                        <?php foreach ($listaOpcionesNa as $l) { ?>
                                                            <option value="<?= $l->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= $l->on_opcion ?></option>
                                                        <?php } ?>
                                                    </select>
                                                </td>
                                            </tr>        
                                        <?php } ?>
                                    </tbody>

                                    <tr>
                                        <th>Calific. %</th>
                                        <th>Puntos obtenidos</th>
                                        <th>Puntos Posibles</th>
                                        <th>No. De Críticos / Desviaciones</th>
                                    </tr>
                                    <tr>
                                        <td id="xsubctrlcal_P-<?= $difP ?>-calific" ><?= $xsubctrlcal_P[$v->s_subcategoria]->calific ?></td>
                                        <td id="xsubctrlcal_P-<?= $difP ?>-puntos_obtenidos" ><?= $xsubctrlcal_P[$v->s_subcategoria]->puntos_obtenidos ?></td>
                                        <td id="xsubctrlcal_P-<?= $difP ?>-puntos_posibles" ><?= $xsubctrlcal_P[$v->s_subcategoria]->puntos_posibles ?></td>
                                        <td id="xsubctrlcal_P-<?= $difP++ ?>-criticos" ><?= $xsubctrlcal_P[$v->s_subcategoria]->criticos . ' / ' . $xsubctrlcal_P[$v->s_subcategoria]->desviaciones ?></td>
                                    </tr>
                                <?php } ?>

                                <tr>
                                    <th>Puntos  posibles producto</th>
                                    <th>Puntos obtenidos</th>
                                    <th>Calific. %</th>
                                    <th>No. De críticos</th>
                                </tr>
                                <tr>
                                    <td id="totalXCatP-puntos_posibles"><?= $totalXCatP->puntos_posibles ?></td>
                                    <td id="totalXCatP-puntos_obtenidos" ><?= $totalXCatP->puntos_obtenidos ?></td>
                                    <td id="totalXCatP-calific" ><?= $totalXCatP->calific ?>%</td>
                                    <td id="totalXCatP-criticos" ><?= $totalXCatP->criticos ?></td>
                                </tr>

                            </table>
                        </div>
                    </div>
                    <?php
                    $difI = 'A'; #variable para generar id diferentes
                    ?>
                    <div class="tab-pane" id="table-tab-I">
                        <div class="table-overflow">
                            <table class="table table-hover table-bordered">
                                <?php foreach ($subI as $s) { ?>
                                    <thead>
                                        <tr>
                                            <th><?= $s->s_subcategoria ?></th>
                                            <th><?= $s->s_nombre ?></th>
                                            <th>PP</th>
                                            <th>PO</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php foreach ($resp_I[$s->s_subcategoria] as $v) { ?>
                                            <tr>
                                                <td><?= $v->sclave ?></td>
                                                <td><?= $v->p_pregunta ?></td>
                                                <td><?= $v->p_pp ?></td>
                                                <td>
                                                    <select class="asyncsaver" id="selectOpcionNA<?= $v->sclave ?>">
                                                        <option selected value="<?= $v->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= ($v->on_opcion != 'EMPTY') ? $v->on_opcion : 'SELECCIONE OPCIÓN' ?></option>
                                                        <?php foreach ($listaOpcionesNa as $l) { ?>
                                                            <option value="<?= $l->on_opcion_na_id . '#' . $v->c_calificacion_id . '#' . $v->sclave ?>"><?= $l->on_opcion ?></option>
                                                        <?php } ?>
                                                    </select>
                                                </td>
                                            </tr>        
                                        <?php } ?>
                                    </tbody>

                                    <tr>
                                        <th>Calific. %</th>
                                        <th>Puntos obtenidos</th>
                                        <th>Puntos Posibles</th>
                                        <th>No. De Críticos / Desviaciones</th>
                                    </tr>
                                    <tr>
                                        <td id="xsubctrlcal_I-<?= $difI ?>-calific" ><?= $xsubctrlcal_I[$v->s_subcategoria]->calific ?></td>
                                        <td id="xsubctrlcal_I-<?= $difI ?>-puntos_obtenidos" ><?= $xsubctrlcal_I[$v->s_subcategoria]->puntos_obtenidos ?></td>
                                        <td id="xsubctrlcal_I-<?= $difI ?>-puntos_posibles" ><?= $xsubctrlcal_I[$v->s_subcategoria]->puntos_posibles ?></td>
                                        <td id="xsubctrlcal_I-<?= $difI++ ?>-criticos" ><?= $xsubctrlcal_I[$v->s_subcategoria]->criticos . ' / ' . $xsubctrlcal_I[$v->s_subcategoria]->desviaciones ?></td>
                                    </tr>
                                <?php } ?>

                                <tr>
                                    <th>Puntos  posibles imagen</th>
                                    <th>Puntos obtenidos</th>
                                    <th>Calific. %</th>
                                    <th>No. De críticos</th>
                                </tr>
                                <tr>
                                    <td id="totalXCatI-puntos_posibles"><?= $totalXCatI->puntos_posibles ?></td>
                                    <td id="totalXCatI-puntos_obtenidos" ><?= $totalXCatI->puntos_obtenidos ?></td>
                                    <td id="totalXCatI-calific" ><?= $totalXCatI->calific ?>%</td>
                                    <td id="totalXCatI-criticos" ><?= $totalXCatI->criticos ?></td>
                                </tr>

                            </table>
                        </div>
                    </div>

                    <div class="tab-pane" id="table-tab-plan-accion">
                        <div class="table-overflow">
                            <table id="plan_accion" class="table table-hover table-bordered">
                                <thead>
                                    <tr>
                                        <th>No. Estándar</th>
                                        <th>Descripción de desviación</th>
                                        <th>Acción correctiva</th>
                                        <th>Fecha de Cumplimiento</th>
                                        <th>Responsable</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php foreach ($lista_acciones as $a) { ?>
                                        <tr>
                                            <td><?= $a->pa_no_estandar ?></td>
                                            <td><input class="asynctablesaver"  id="pdd-<?= $a->pa_plan_accion_id ?>" type="text" value="<?= $a->pa_descripcion_desviacion ?>"/></td>
                                            <td><input class="asynctablesaver" id="pac-<?= $a->pa_plan_accion_id ?>" type="text" value="<?= $a->pa_accion_correctiva ?>"/></td>
                                            <td><input class="asynctablesaver" id="pfc-<?= $a->pa_plan_accion_id ?>" class="span6" type="date" value="<?= $a->pa_fecha_cumplimiento ?>"/></td>
                                            <td>
                                                <select class="asynctablesaver" id="pr-<?= $a->pa_plan_accion_id ?>" placeholder="Seleccione Responsable">
                                                    <option values="Chef">Chef</option>
                                                    <option values="Supervisor">Supervisor</option>
                                                    <option values="Franquiciatario">Franquiciatario</option>
                                                    <option values="Gerente">Gerente</option>
                                                    <option values="Chef-Supervisor">Chef-Supervisor</option>
                                                    <option values="Chef-Franquiciatario">Chef-Franquiciatario</option>
                                                    <option values="Chef-Gerente">Chef-Gerente</option>
                                                    <option values="Chef-Supervisor">Chef-Supervisor</option>
                                                    <option values="Chef-Supervisor-Franquiciatario">Chef-Supervisor-Franquiciatario</option>
                                                    <option values="Chef-Supervisor-Gerente">Chef-Supervisor-Gerente</option>
                                                    <option values="Chef-Supervisor-Franquiciatario-Gerente">Chef-Supervisor-Franquiciatario-Gerente</option>
                                                    <option values="Supervisor-Franquiciatario">Supervisor-Franquiciatario</option>
                                                    <option values="Supervisor-Gerente">Supervisor-Gerente</option>
                                                    <option values="Franquiciatario-Gerente">Franquiciatario-Gerente</option>
                                                </select>
                                            </td>
                                        </tr>                   
                                    <?php } ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /inside tabs -->
    </div>
    <!-- /content wrapper -->
</div>
<!-- /content -->